<!-- 审核组件 -->
<template>
   
    <div class="auditing ">
        <span class="audi">审核</span>
        <div class="ideabox"> 
           <div class="idea">审核意见</div>
           <a-textarea placeholder="请输入" class="texrea"  size="small" laceholder="Basic usage" :rows="4" />
        
        </div>
        <div class="btnbox">
            <a-button @click="msgbtn" class="btn" type="primary"> 审核通过</a-button>
            <a-button @click="msgbtn" class="btn" type="danger">审核不通过</a-button>
            <a-button class="btn">返回</a-button>
        </div>
        <template>
          
        </template>
    </div>
    
</template>

<script>
const key = 'updatable';
export default {
    name: 'SmartCommunityCheck',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        msgbtn(){
            this.$message.loading({ content: 'Loading...', key });
            setTimeout(() => {
        this.$message.success({ content: '提交成功!', key, duration: 2 });
      }, 1000);
        }
    },
};
</script>

<style lang="less" scoped>
.auditing {
    height: 276px;
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
 
    .audi{
        font-size: 16px;
        font-weight: 500;
        padding: 30px 40px;
        display: block;
      
    }
}.texrea{
    width: 300px;
}.ideabox{
    display: flex;
    margin-left: 40px;
    .idea{
        font-size: 14px;
        font-weight: 400;
        margin-right: 15px;
    }
}
.btn{
    margin: 30px 5px;
}
.btnbox{
    margin-left: 40px;
}
</style>